﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <script src="~/js/vue.min.js"></script>
    <script src="~/js/axios.min.js"></script>
    <script src="~/js/qs.min.js"></script>
    <link href="~/js/Content/bootstrap.css" rel="stylesheet" />
    <title>Detial</title>
</head>
<body>
   
    <div class="row" id="mm">
        <table>
            <tr style="height:65px;">
                <td>部门:</td>
                <td><input id="DeparMent" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td>上月余额:</td>
                <td><input id="PrvMounthPrice" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td style="text-align:right">总收入:</td>
                <td><input id="Income" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td style="text-align:right">总支出:</td>
                <td><input id="Expenditure" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td style="text-align:right">余额:</td>
                <td><input id="Balance" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td style="text-align:right">经手人:</td>
                <td><input id="PeopleHand" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td style="text-align:right">日期:</td>
                <td><input id="StartTime" style="border: 0; border-bottom: 1px solid black; background-color:aquamarine;" type="text" /></td>
            </tr>
            <tr style="height:65px">
                <td style="text-align:right"><input id="Button1" type="button" value="返回"  onclick="FanHui()"/></td>
               
            </tr>

        </table>
    </div>
</body>
</html>
<script>
    new Vue({
        el: '#mm',
        data() {
            return {
                users: [],

            }
        },
        mounted: function () {//页面加载成功事件
            this.id = location.search.substring(location.search.indexOf("=") + 1);

            axios
                .get("/Finance/Detial", {
                    params: {
                        id: this.id
                    }
                })
                .then(function (i) {
                    $("#DeparMent").val(i.data.DeparMent);
                    $("#PrvMounthPrice").val(i.data.PrvMounthPrice);
                    $("#Income").val(i.data.Income);
                    $("#Expenditure").val(i.data.Expenditure);
                    $("#Balance").val(i.data.Balance);
                    $("#PeopleHand").val(i.data.PeopleHand);
                    $("#StartTime").val(i.data.StartTime);
                })
        }
    })
</script>
